.user_top{
    width:100%;
    height:60px;
    border-bottom:1px solid #bababa;
}
.date_choose{
    width:120px;
    height:50px;
    border:1px solid yellow;
    margin-top:20px;
    margin-left:20px;
    float:left;
}
.time_quantum{
   float:left;
    margin-top:20px;
    margin-left:20px;
}
.time_quantum select{
    width:120px;
    height:26px;
}
.all_people{
    float: left;
    line-height:60px;
    margin-left:20px;
    font-size:14px;
}
.ui_red{
    color:red;
}
.search_people{

  float: right;
  padding-right:20px;
  margin-top:20px;
}
.search_people input{
    height:30px;
}
.make_sure{
    color:#ffffff;
    background-color:#68cacb;
    background-color:var(--color);
    border:none;
    margin-left:20px;
    padding:6px 10px;
    border-radius:4px;
    outline: none;
}
.make_sure:hover{
    background-color:#009190;
    cursor:pointer;
}
.user_table{
    border-collapse:collapse;
    text-align: center;
    width:96%;
    margin:auto;
    border:1px solid var(--color);
    box-sizing:border-box;
    margin-top:20px;

}
.user_tr_tittle{
   color:#ffffff;
    background-color:#68cacb;
   background-color:var(--color);
}
.user_table tr td{
    line-height:30px;
}
.head_img{
    width:10%;
}
.ui_width{
    width:18%;
}
.head_img img{
    width:40px;
    height:40px;
    padding-top:6px;
    padding-bottom:6px;
}
.user_tr_content{
    color:#646464;
    font-size:14px;
    border-bottom:1px dotted #68cacb;
    border-bottom:1px dotted var(--color);
}
.user_content_box{
    width:100%;
}
.user_page{
    width:400px;
    height:50px;
    float:right;
    margin-top:20px;
}
.clearfix{
    clear:both;
}